<? 
require_once '../includes/includes.php';
include ("seguridad.php");
conexion();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><?php titulopanel();?></title>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
<link type="text/css" href="../plugins/jquery_ui/css/smoothness/jquery-ui-1.8.13.custom.css" rel="Stylesheet" />   


<script type="text/javascript" src="../plugins/jquery.js"></script>
<script type="text/javascript" src="../plugins/functions.js"></script>

<script type="text/javascript" src="../plugins/jquery_ui/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="../plugins/jquery_validate/jquery.validate.js"></script>
<script type="text/javascript" src="../plugins/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
var numero = 0; //Esta es una variable de control para mantener nombres
            //diferentes de cada campo creado dinamicamente.
evento = function (evt) { //esta funcion nos devuelve el tipo de evento disparado
   return (!evt) ? event : evt;
}

//Aqui se hace lamagia... jejeje, esta funcion crea dinamicamente los nuevos campos file
addCampo = function () { 
//Creamos un nuevo div para que contenga el nuevo campo
   nDiv = document.createElement('div');
//con esto se establece la clase de la div
   nDiv.className = 'archivo';
//este es el id de la div, aqui la utilidad de la variable numero
//nos permite darle un id unico
   nDiv.id = 'file' + (++numero);
//creamos el input para el formulario:
   nCampo = document.createElement('input');
//le damos un nombre, es importante que lo nombren como vector, pues todos los campos
//compartiran el nombre en un arreglo, asi es mas facil procesar posteriormente con php
   nCampo.name = 'archivos[]';
//Establecemos el tipo de campo
   nCampo.type = 'file';
//Ahora creamos un link para poder eliminar un campo que ya no deseemos
   a = document.createElement('a');
//El link debe tener el mismo nombre de la div padre, para efectos de localizarla y eliminarla
   a.name = nDiv.id;
//Este link no debe ir a ningun lado
   a.href = '#';
//Establecemos que dispare esta funcion en click
   a.onclick = elimCamp;
//Con esto ponemos el texto del link
   a.innerHTML = 'Eliminar';
//Bien es el momento de integrar lo que hemos creado al documento,
//primero usamos la función appendChild para adicionar el campo file nuevo
  br = document.createElement('br');
  br.name = nDiv.id;

   nDiv.appendChild(nCampo);
//Adicionamos el Link
   nDiv.appendChild(a);
   nDiv.appendChild(br);
   
//Ahora si recuerdan, en el html hay una div cuyo id es 'adjuntos', bien
//con esta función obtenemos una referencia a ella para usar de nuevo appendChild
//y adicionar la div que hemos creado, la cual contiene el campo file con su link de eliminación:
   container = document.getElementById('adjuntos');
   container.appendChild(nDiv);
}
//con esta función eliminamos el campo cuyo link de eliminación sea presionado
elimCamp = function (evt){
   evt = evento(evt);
   nCampo = rObj(evt);
   div = document.getElementById(nCampo.name);
   div.parentNode.removeChild(div);
}
//con esta función recuperamos una instancia del objeto que disparo el evento
rObj = function (evt) { 
   return evt.srcElement ?  evt.srcElement : evt.target;
}
</script>
 


<!-- EDITOR -->
<?php include_once 'includes/tinymce.html';?>

<!-- /TinyMCE --> 

<!-- datapicker -->
<script> 
	$(document).ready(function(){
		$("#created" ).datepicker({
			dateFormat: 'yy-mm-dd',
			showOn: "button",
			buttonImage: "images/calendar.ico",
			buttonImageOnly: true

				});
	})
</script> 
	
<script>
	$(function() {
		$( "input:submit, a, button", ".boton" ).button();		
	});
</script>	

<!-- Errores jaquery -->



<script>
  $(document).ready(function(){
		
	$("#form").validate({
		rules: {			
			categorie: {
				required: true,
				},
			created: {
				required: true,
				},	
			title: {
				required: true,
					},
			summary: {
				required: true,
				},
			conten: {
					required: true,
					},	
		},		
		                
		messages: {
			categorie: {
				required: "Seleccione una categoria"
				
						},
			created: {
				required: "Seleccione la fecha"
			 			},			

            title:{
                required: "Coloque un título"
                    },
                    
            summary:{
                required:"Coloque un copete"        
                     },        
            conten: "Coloque un cuerpo"		
                    
			}
	});
	
  });

</script>
<!-- /ERRORES -->


</head>

<body>


<div id="contenedor">

  	<div id="encabezado"><?php include('header.php') ?></div><!--fin de encabezado-->



	<div id="menuizquierda"><?php include('menu.php') ?></div>	<!--fin de menuizquierda-->

	
	<div id="content">			
		<div id="formulario">
			<br>
			<span class="title">Cargar Noticia</span>
			<br>
			<form class ="admin" id="form" name="form" action="control_noticias.php" method="post" enctype="multipart/form-data">
			<br>
			<fieldset class="admin">			
			<legend>Noticia</legend>
			<p><span>Publicar:</span>
			<input type="checkbox" name="published" value="1" checked />
			</p>
			<br>
			<p><span>Fecha:</span>
			<input type="text" id="created" name="created" value="<?php echo date("Y-m-d")?>" style="width:100px;"/>
			</p>
			<br>
			<p><span>
			Categoria:
			</span>
			
			<select name="categorie" id="categorie">
			<option value ="">Elija categoria</option> 
			<?php 
			$concla= mysql_query("SELECT * FROM categories where groups_id = 1");
			while($rowconcla=mysql_fetch_array($concla)){
						echo '<option value="'.$rowconcla['id'].'">'.$rowconcla['description'].' </option>';
			}
					
			?>
				</select>
				</p>				
				<br>
				<p><span>T&iacute;tulo:</span>				
				<input type="text" name="title" id="title" onkeyup="if (this.value.length == 139) this.disabled = true;" size="70px">
				</p>
				<br>
				<p><span>
				Copete:
				</span>
				<textarea name="summary" id="summary" cols="60" rows="3"></textarea>
				</p>	
				<br><br><br><br><br><br><br><br/>
				
				<p><span>
				Cuerpo:
				</span>				
				<textarea name="conten" id="conten" cols="60" rows="25" ></textarea>
				</p>
				
				</fieldset> 
				<br>
				
							
			<fieldset class="admin">
			<dl>            
   <dt><label>Archivos a Subir:</label></dt>
        <!-- Esta div contendrá todos los campos file que creemos -->
   		<dd>
					    <div id="adjuntos">
        <!-- Hay que prestar atención a esto, el nombre de este campo debe siempre terminar en []
        como un vector, y ademas debe coincidir con el nombre que se da a los campos nuevos 
        en el script -->
 		  <input type="file" name="archivos[]" /><br />
 		  </div>
   		</dd>
   		<dt><a href="#" onClick="addCampo()">Subir otro archivo</a></dt>      
   		<dd><input type="submit" value="Enviar" id="envia" name="envia" /></dd>
   		  </dl>
				
				
			</fieldset>
				<br>
				<br>
				<input name="boton" type="hidden" id="boton" value="1"></input>
				<dd><input name="buttonadmin" id="buttonadmin" type="submit" class="buttonadmin" value="Aceptar"></dd>
				<a class="enlacecancelar" href="noticias.php"><input type="button" class="buttoncancelar" value="Cancelar"></a>
				<br>
				
				<br>
				</form>
				<br>
				
	</div><!-- cierre formulario -->
	<br>
	<br>
	</div><!--fin de content-->


	<div id="piepagina">
	</div>
			<!--fin de piepagina-->
</div>

</body>

</html>


